<template>
	<view class="page_box">
		<u-navbar :is-back="true" title="报修记录" v-if="1" :border-bottom="false"></u-navbar>

		<view class="content_box ">
			<u-divider color="#E4E4E4" bg-color="" height="100">共{{recording}}条记录</u-divider>
			<view class="warranty-content">
				<view class="item" v-for="(item,index) in serv" :key="index" @click="warrantyRec">
					<image src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/ico_wx.png" style="width: 33rpx;height: 33rpx;"></image>
					<view class="hidden">{{item.title}}				</view>
					<text :class="[item.tipc=='待维修'?'text-dwx':'text-ywx']">{{item.tipc}}</text>
				</view>
			</view>


		</view>

		<yy-login v-if="vuex_login"></yy-login>
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<u-toast ref="uToast" />
	
	</view>
</template>

<script>
export default {
	data() {
		return {
			recording:8,
			serv:[{
				title:"厨房漏水、墙面掉灰厨房漏水",
				tipc:"待维修"
			},{
				title:"厨房漏水、墙面掉灰",
				tipc:"待维修"
			},{
				title:"厨房漏水、墙面掉灰",
				tipc:"已维修"
			},{
				title:"厨房漏水、墙面掉灰",
				tipc:"已维修"
			}]
		};
	},
	onShow() {
		
	},
	onLoad(e) {},
	methods: {
		warrantyRec(){
			uni.navigateTo({
				url:'./repairRec'
			})
		}
	}
};
</script>

<style lang="scss" scoped>
.page_box {
	width: 100vw;
	height: 100vh;
	background: #F7F7F7 !important;
}

.content_box {
	.warranty-content{
		padding: 0 22rpx;
		.item{
			display: flex;
			justify-content: space-between;
			align-items: center;
			background: #ffffff;
			border-radius: 20rpx;
			margin-bottom: 20rpx;
			padding: 38rpx 30rpx;
			.hidden{
				margin: 0 30rpx;
				width: 72%;
			}
			.text-dwx{
				color: #FFB81E;
			}
			.text-ywx{
				color: #A6A6A6;
			}
		}
	}
}
</style>
